<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>订单详情</title>
    <link href="/favicon.ico"   rel="shortcut"  />
    <link href="__PUBLIC__/wxCMS/css/bootstrap.min.css" rel="stylesheet">
    <link href="__PUBLIC__/wxCMS/css/bootstrap-table.css" rel="stylesheet">
    <link href="__PUBLIC__/wxCMS/css/ssi-uploader.min.css" rel="stylesheet">
    <link href="__PUBLIC__/wxCMS/css/styles.css" rel="stylesheet">
    <link href="__PUBLIC__/wxCMS/css/home.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="__PUBLIC__/wxCMS/js/html5shiv.js"></script>
    <script src="__PUBLIC__/wxCMS/js/respond.min.js"></script>
    <![endif]-->

</head>

<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#sidebar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><span>实+网</span>后台管理系统</a>
            <ul class="user-menu">
                <li class="dropdown pull-right">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> {$_SESSION['user']['name']} <span class="caret"></span></a>
                    <ul class="dropdown-menu" role="menu">
                        <li id="user-info" data-index="{$_SESSION['user']['id']}"><a href="javascript:;"><span class="glyphicon glyphicon-user"></span> 重置密码</a></li>
                        <li id="user-logout" data-index="{$_SESSION['user']['id']}"><a href="javascript:;"><span class="glyphicon glyphicon-log-out"></span> 退出</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div><!-- /.container-fluid -->
</nav>

<div id="sidebar-collapse" class="col-sm-3 col-lg-2 sidebar">
    <form role="search">
        <div class="form-group">

        </div>
    </form>
    <ul class="nav menu">
        <li><a href="{:U('/Home/Index/index')}"><span class="glyphicon glyphicon-dashboard"></span> 首页</a></li>
        <li class=""><a href="{:U('/Home/Slider/index')}"><span class="glyphicon glyphicon-th"></span> 轮播图管理</a></li>
        <li class="parent ">
            <a href="#">
                <span class="glyphicon glyphicon-list"></span> 成品展示管理 <span data-toggle="collapse" href="#sub-item-1" class="icon pull-right"><em class="glyphicon glyphicon-s glyphicon-plus"></em></span>
            </a>
            <ul class="children collapse" id="sub-item-1">
                <li>
                    <a class="" href="{:U('/Home/Show/aderShow')}?id=1">
                        <span class="glyphicon glyphicon-share-alt"></span> 休闲照
                    </a>
                </li>
                <li>
                    <a class="" href="{:U('/Home/Show/aderShow')}?id=2">
                        <span class="glyphicon glyphicon-share-alt"></span> 儿童照
                    </a>
                </li>
                <li>
                    <a class="" href="{:U('/Home/Show/aderShow')}?id=3">
                        <span class="glyphicon glyphicon-share-alt"></span> 婚纱照
                    </a>
                </li>
            </ul>
        </li>
        <li><a href="{:U('/Home/Product/index')}"><span class="glyphicon glyphicon-list"></span> 背景列表</a></li>
        <li><a href="{:U('/Home/Decorate/index')}"><span class="glyphicon glyphicon-list"></span> 装饰列表</a></li>
       <!-- <li><a href="{:U('/Home/Client/index')}"><span class="glyphicon glyphicon-list"></span> 客户列表</a></li>-->
        <li><a href="{:U('/Home/PhotoBox/index')}"><span class="glyphicon glyphicon-list"></span> 相框相册管理</a></li>
        <li   class="active"><a href="{:U('/Home/Orders/index')}"><span class="glyphicon glyphicon-list"></span> 订单列表</a></li>
        <li   class=""><a href="{:U('/Home/applyRefund/index')}"><span class="glyphicon glyphicon-list"></span> 退款订单</a></li>
        <li role="presentation" class="divider"></li>
        <li class="parent ">
            <a href="#">
                <span class="glyphicon glyphicon-list"></span> 系统管理 <span data-toggle="collapse" href="#sub-item-2" class="icon pull-right"><em class="glyphicon glyphicon-s glyphicon-plus"></em></span>
            </a>
            <ul class="children collapse" id="sub-item-2">
                <li>
                    <a class="" href="{:U('/Home/Staff/index')}">
                        <span class="glyphicon glyphicon-share-alt"></span> 员工账号管理
                    </a>
                    <a class="" href="{:U('/Home/CheckAuth/index')}">
                        <span class="glyphicon glyphicon-share-alt"></span> 用户组管理
                    </a>
                    <a class="" href="{:U('/Home/CheckAuth/auth_list')}">
                        <span class="glyphicon glyphicon-share-alt"></span> 权限列表
                    </a>
                </li>
                <!-- <li>
                    <a class="" href="javascript:;" id="pay-setting">
                        <span class="glyphicon glyphicon-share-alt"></span> 支付方式管理
                    </a>
                </li>-->
            </ul>
        </li>
    </ul>
</div><!--/.sidebar-->
<div class="col-sm-9 col-sm-offset-3 col-lg-10 col-lg-offset-2 main">
    <div class="row">
        <ol class="breadcrumb">
            <li><a href="{:U('/Home/Index/index')}"><span class="glyphicon glyphicon-home"></span></a></li>
            <li class="active">首页</li>
        </ol>
    </div><!--/.row-->
    <div class="row">
        <div class="col-lg-12">
            <div class="panel panel-default">
                <div class="panel-heading">订单详情</div>
                <div class="panel-heading">
                    <div class="form-group">
                        <label for="firstname" class="col-sm-3 control-label">订单编号：{$info.orders_no}</label>
                        <label for="firstname" class="col-sm-3 control-label">订单时间：{$info.ac_time}</label>
                        <label for="firstname" class="col-sm-3 control-label">订单金额：¥ {$info.price}</label>
                        <label for="firstname" class="col-sm-3 control-label">付款方式：
                            <if condition="$info.pay_type eq 1"><span style="color:red">货到付款</span>
                                <else /> <span style="color:green">微信支付</span>
                            </if>
                        </label>
                    </div>
                </div>
                <div class="panel-heading">
                    <div class="form-group">
                        <label for="firstname" class="col-sm-3 control-label">收货人：<span style="color:red">{$info.user_name}</span></label>
                        <label for="firstname" class="col-sm-3 control-label">联系电话：<span style="color:red">{$info.user_phone}</span></label>
                        <label for="firstname" class="col-sm-6 control-label">联系地址：<span style="color:red">{$info.user_address}</span></label>
                    </div>
                </div>
                <div class="panel-heading">
                    <div class="form-group">
                        <label for="firstname" class="col-sm-3 control-label">相框尺寸：<span style="color:red">【{$info.order_xk}】</span></label>
                        <label for="firstname" class="col-sm-3 control-label">相册尺寸：<span style="color:red">【{$info.order_xc}】</span></label>
                        <label for="firstname" class="col-sm-3 control-label">申请时间：<span style="color:red">{$info.refund_time}</span></label>
                        <label for="firstname" class="col-sm-3 control-label">退款金额：<span style="color:red"> {$info.refund_money}</span></label>
                    </div>
                </div>

                <div class="panel-body">
                    <table id="tb_departments"></table>
                </div>
            </div>
        </div>
    </div><!--/.row-->
</div>	<!--/.main-->
<!-- 模态框（Modal） -->





<script src="__PUBLIC__/wxCMS/js/jquery-1.11.1.min.js"></script>
<script src="__PUBLIC__/wxCMS/js/bootstrap.min.js"></script>
<script src="__PUBLIC__/wxCMS/js/bootstrap-table.js"></script>
<script src="__PUBLIC__/wxCMS/js/ssi-uploader.js" type="text/javascript"></script>
<script src="__PUBLIC__/wxCMS/js/layer.js" type="text/javascript"></script>
<script src="__PUBLIC__/wxCMS/js/user-action.js"></script>
<script>
    var id="{$info.id}"
    $(function () {
        //1.初始化Table
        var oTable = new TableInit();
        oTable.Init();
    });
    var TableInit = function () {
        var oTableInit = new Object();
        //初始化Table
        oTableInit.Init = function () {
            $('#tb_departments').bootstrapTable({
                url: '{:U("getOrderDetail")}?id='+id,         //请求后台的URL（*）
                toolbar: '#toolbar', //工具按钮用哪个容器
                striped: true, //是否显示行间隔色
                cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
                pagination: true, //是否显示分页（*）
                sortable: false, //是否启用排序
                sortOrder: "asc", //排序方式
                queryParams: oTableInit.queryParams,//传递参数（*）
                sidePagination: "server", //分页方式：client客户端分页，server服务端分页（*）
                pageNumber:1, //初始化加载第一页，默认第一页
                pageSize: 10, //每页的记录行数（*）
                pageList: [10, 25, 50], //可供选择的每页的行数（*）
                search: false, //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
                strictSearch: true,
                showColumns: true, //是否显示所有的列
                showRefresh: true, //是否显示刷新按钮
                minimumCountColumns: 2, //最少允许的列数
                clickToSelect: false, //是否启用点击选中行
                uniqueId: "timestamp", //每一行的唯一标识，一般为主键列
                showToggle:false, //是否显示详细视图和列表视图的切换按钮
                cardView: false, //是否显示详细视图
                detailView: true, //是否显示父子表
                locale: "zh-CN",//中文支持,
                columns: [/*{
                 checkbox: true
                 }, */{
                    field: 'product_pic',
                    title: '背景图片',
                    formatter:function(value,row){
                        return'<a href="'+row.product_src+'" download><img src="'+value+'"  style="width: 50px;height: 50px;"></a>'
                    }

                }, {
                    field: 'decorate_pic',
                    title: '装饰图片',
                    formatter:function(value,row){
                        var items='';
                        for(var i=0;i<row.decorate_pic.length;i++){
                            items=items+'<a download href="'+row.decorate_pic[i].decorate_src+'"><img src="'+row.decorate_pic[i].decorate_pic+'"  style="width: 50px;height: 50px;"></a>'
                        }
                        return items;
                    }

                }, {
                    field: 'photo_url',
                    title: '本人照片',
                    formatter:function(value,row){
                        return '<a download href="https://www.sjwwljs.cn/Uploads/Cms/UserPhoto/"'+value+'><img src="'+value+'"  style="width: 50px;height: 50px;"></a>'
                    }
                }
                ],
                onExpandRow: function (index, row, $detail) {
                    oTableInit.InitSubTable(index, row, $detail);
                },

            });
        };

        //得到查询的参数
        oTableInit.queryParams = function (params) {
            var temp = { //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
                limit: params.limit, //页面大小
                offset: params.offset, //页码
                departmentname: $("#txt_search_departmentname").val(),
                statu: $("#txt_search_statu").val(),
                //  id:id
            };
            return temp;
        };
        return oTableInit;
    };


</script>
</body>

</html>
